<template>
  <div class="drawLotsHistoryPage">
    <div class="drawLotsHistory_topNav">
      <i
        class="iconfont icon-guanbi drawLotsHistory_topNavCloseBtn"
        @click="closeClickHandler()"
      ></i>

      <span class="drawLotsHistory_topNavTitle">抽签历史记录</span>
    </div>

    <div class="query-search">
      <Input
        class="query-search-input"
        placeholder="请输入姓名/手机号/组织搜索"
        v-model="yourKeyword"
        search
        clearable
        @keyup.enter="searchBtnClickHandler()"
        @keyup.enter.native="searchBtnClickHandler()"
        @on-clear="searchBtnClickHandler()"
      ></Input>

      <i
        class="iconfont icon-sousuo drawLotsHistory_searchIcon"
        @click="searchBtnClickHandler()"
      ></i>
    </div>

    <drawLotsHistoryTable> </drawLotsHistoryTable>
  </div>
</template>
<script setup>
import { ref, onMounted } from "vue";
import drawLotsHistoryTable from "./drawLots/drawLotsHistoryTable.vue";

const yourKeyword = ref("80"); // 初始化分数值

const closeClickHandler = () => {
  console.log("关闭按钮点击");
};

const searchBtnClickHandler = () => {
  console.log("搜索按钮点击");
};
</script>
<style scoped>
@import url("@/assets/scss/megaGame.scss");
</style>
